<template>
<div>
  <div class="he">
    <el-select v-model="value" :placeholder="value" class="se">
      <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
      />
    </el-select>
    <img src="../img/ss.jpg" width="20" height="20" style="float: right;margin-top: 15px;margin-right: 5px">
  </div>
</div>
</template>

<script>
export default {
  name: 'headerBar',
  data(){
    return{
      options:[
        {
          value: 'usemame',
          label: 'usemame',
        },
        {
          value: 'logout',
          label: 'logout',
        },
      ],
      value:'usemame'
    }
  }
}
</script>

<style scoped>
.he{
  background-color: #F9FAFC;
  width: 100%;
  height: 50px;
}
.se{
  border: 0px;
  float: right;
  margin-top: 10px;
}
</style>
